* {
    display: flex;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    box-sizing: border-box;
}

#container {
    flex-direction: row;
}

#blue {
    background-color: #011C41;
    width: var(--drag_width);
}

#orange {
    background-color: #DA2A04;
}

#dragger {
    width: 3px;
    background-color: blue;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

#dragger_handle_container, #dragger_handle {
    width: 50px;
    height: 50px;
}

#dragger_handle_container {
    position: relative;
}

#dragger_handle {
    /* justify-content: center does work if the item is not position:absolute */
    position: absolute;
    background-color: #F5A219;
    left: -25px;
    border-radius: 3px;
    box-shadow: 0px 4px 10px black;
}